<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
    <a href="p2.html">跳转至今日的第2个页面</a>
    <a href="p4.html">跳转至今日的第4个页面</a>
    <hr>
    <a href="https://www.baidu.com/">跳转到百度</a>
    <a href="https://www.tmooc.cn/">跳转到TMOOC</a>
    <hr>
    <!-- 图片超链接 -->
    <a href="https://www.baidu.com/">
        <img src="1.png" width="200px">
    </a>
    <hr>
    <!-- _self刷新当前页  _blank打开一个空白页  -->
    <a href="https://www.baidu.com/" target="_self">百度1</a>
    <a href="https://www.baidu.com/" target="_blank">百度2</a>
    <hr>
    <!-- 锚点 -->
    <h1>西游记</h1>
    <a href="#c1">跳转至第1章</a>
    <a href="#c2">跳转至第2章</a>
    <a href="#c3">跳转至第3章</a>
    <hr>
    <h3 id="c1">第一章 石猴出世</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet architecto asperiores at consequatur enim mollitia
        necessitatibus officiis pariatur possimus quod. Adipisci deleniti dicta error magni odio quis repellat, sequi
        tenetur.</p>
    <p>Beatae illum odit saepe velit? Corporis culpa dolorum ducimus enim eum ex hic impedit iusto libero maxime minima
        modi nobis omnis placeat qui, quo recusandae repellat repudiandae temporibus voluptas voluptatibus.</p>
    <p>Ab aliquam architecto, asperiores aspernatur at deserunt excepturi expedita facere fugiat in magni maiores
        mollitia nostrum odio omnis perferendis placeat quidem, quis reiciendis repellendus repudiandae similique vel
        velit veritatis voluptates.</p>
    <p>Dicta ex incidunt perferendis perspiciatis, quaerat quam quisquam saepe tempora tempore vero? Dolores earum eius
        eum excepturi itaque iure, laborum libero odio omnis provident quam reiciendis repellat tenetur. Inventore,
        perspiciatis?</p>
    <p>Ipsam maiores tenetur voluptates! Beatae blanditiis culpa distinctio ex illo iste officiis quam sapiente.
        Adipisci, expedita, possimus. Ex impedit ipsam molestias neque tempore. Dolor exercitationem maiores nemo
        perferendis rerum vero!</p>
    <p>A asperiores at autem beatae consectetur debitis deserunt dicta eos error expedita hic itaque magni mollitia nam
        nesciunt odit perspiciatis quidem, reiciendis saepe sed sunt tempore totam ut! Eveniet, similique.</p>
    <p>Alias aliquid at consequatur exercitationem itaque, labore laboriosam maiores minus praesentium quas quod rem
        reprehenderit repudiandae sapiente similique tempore temporibus. Aspernatur beatae cum dolorem eligendi
        explicabo inventore qui quisquam voluptates!</p>
    <p>Cum cumque deserunt hic in iste neque odit, officiis quae quasi quidem ratione sit tempora, temporibus!
        Consequuntur dicta et eum incidunt ipsum quod saepe sed, voluptatem? Aut dolor explicabo vitae.</p>
    <p>Aliquid aspernatur dolorum eum illo natus quam quo quod rem, soluta vel! In minima quaerat repellendus
        repudiandae! Accusamus deserunt facere illum nemo sit? Autem consectetur ipsa nam, natus vero voluptatibus.</p>
    <p>Distinctio odio provident quod rem similique, sit? Ex exercitationem explicabo laboriosam odio, pariatur sapiente
        sunt! Deleniti error esse fuga, hic ipsa iste laudantium neque officia perspiciatis. Dolores facilis quidem
        temporibus!</p>
    <p>Ea earum necessitatibus odit saepe tenetur. Ab ad, ea iste modi omnis perspiciatis quaerat quis quod. Doloremque
        facilis iste iure iusto minus neque nobis quidem quisquam repellat sit, tenetur, veritatis.</p>
    <p>Ad consectetur, cupiditate dicta ducimus ea libero nesciunt nulla similique soluta ut. Modi nam provident quasi
        quisquam sunt. Cumque debitis dignissimos dolore, doloremque ducimus eum illum in iste sed voluptates.</p>
    <p>A dolores excepturi fugiat in itaque laboriosam modi porro, quasi rerum! Cumque cupiditate eligendi enim esse est
        id inventore laboriosam libero maxime odio perspiciatis porro, sint soluta tempore ullam voluptatum.</p>
    <p>Architecto cum dignissimos dolore eum ex itaque maxime unde vel? Consequuntur expedita explicabo facilis illo
        maxime nulla, quam unde. Doloribus, ex in molestiae nisi quis ratione sapiente tempora vel voluptas.</p>
    <p>Ab alias aperiam assumenda impedit ipsum nesciunt nihil optio possimus rem! Ad aperiam consequatur culpa,
        dignissimos error et facilis fugiat nulla obcaecati omnis praesentium, quas, quia quidem sunt tempora vel.</p>
    <p>A consequuntur, cumque cupiditate maxime modi porro recusandae? Dolor enim eos iusto minus perferendis rem
        repellat totam. Ad aperiam atque culpa delectus illo quae repellendus tenetur voluptatibus? Amet, nisi,
        voluptatem.</p>
    <p>Cupiditate ea est illo odio sed. Accusantium aliquid aspernatur deserunt dolorum error, harum ipsum, libero minus
        mollitia nisi optio quas quo soluta tempora, voluptas voluptate voluptatem voluptates. Distinctio odit,
        sunt?</p>
    <p>Aperiam, atque distinctio dolores eligendi enim facere fuga libero molestiae nostrum numquam quaerat quas
        repudiandae sunt veritatis voluptates! Architecto hic iste iusto nulla, officiis possimus quo recusandae
        reprehenderit saepe veritatis.</p>
    <p>Assumenda autem consequuntur cum delectus, dolores esse eveniet excepturi hic libero nam nihil nulla odio
        provident quo saepe soluta unde ut velit veniam vero? Alias aliquid beatae laboriosam nam placeat.</p>
    <p>Dignissimos facere in omnis quae quidem, ratione! Aspernatur et itaque, molestiae molestias mollitia neque odio
        quaerat quam quod sint! Beatae, commodi consectetur dolores impedit laudantium molestias mollitia nisi
        perspiciatis voluptates.</p>
    <h3 id="c2">第二章 蓬莱学艺</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad adipisci, architecto consectetur corporis deserunt,
        eos est, nam nisi reprehenderit sunt voluptatem voluptates! Amet consequuntur excepturi exercitationem in,
        labore molestias nihil.</p>
    <p>Accusantium culpa dolore doloremque error exercitationem fuga fugiat harum illo, ipsam laborum molestiae
        molestias nam numquam officia, repellendus temporibus velit! Ad aperiam consequatur iste itaque odit officiis
        quaerat ratione reiciendis.</p>
    <p>Accusantium amet aperiam atque cum deleniti, deserunt dolorum fuga id ipsam molestias natus nemo neque nulla,
        obcaecati optio quibusdam ratione reiciendis sed tempora voluptate! Accusamus aliquid et iure nisi sapiente.</p>
    <p>Ab ad aliquam aspernatur at debitis deserunt dicta dignissimos dolores error excepturi facere fugiat, in iste
        magni minima molestiae molestias quod repellendus, temporibus veniam. Et facere ipsum iste quas similique!</p>
    <p>Animi in maiores maxime mollitia odit quia quidem temporibus ut voluptas voluptates! Dolor eligendi iure magnam
        magni nesciunt numquam possimus quaerat sed velit voluptates? Cupiditate est facilis itaque modi provident!</p>
    <p>Amet commodi earum eligendi esse magni possimus quia sequi. A aliquid amet deleniti dolore excepturi explicabo,
        ipsum modi necessitatibus porro ratione rem similique tempore, ullam unde vel? Fugit, nulla, sint.</p>
    <p>Magni quasi recusandae reiciendis rerum tempore veniam. Accusamus, commodi dicta ex fuga illo iusto laborum nam
        necessitatibus nihil odit possimus praesentium quibusdam quidem repudiandae saepe ullam ut vero vitae.
        Maxime!</p>
    <p>Accusamus aliquam aspernatur corporis ducimus eius eligendi eos fugit hic illum impedit, iste itaque iusto
        mollitia perferendis recusandae repellendus sit tempora tempore totam unde vero voluptas voluptatem? Distinctio,
        earum, ipsam!</p>
    <p>Ab assumenda atque distinctio eos est excepturi expedita fugiat impedit inventore laudantium, nam natus
        necessitatibus nisi non, officia optio quaerat quis quo sequi similique tempora tempore tenetur velit vero,
        voluptatem.</p>
    <p>Consequuntur dolores fugit ipsa molestiae sapiente tempore. Ad aliquid, dicta dolor doloremque eos ex,
        necessitatibus nemo neque nostrum, odio quasi ratione repellendus ullam veritatis voluptatibus! Atque eius
        necessitatibus voluptas voluptate.</p>
    <p>A aliquid amet blanditiis commodi consequuntur cupiditate dicta dolore error hic illo ipsam molestiae nemo
        nesciunt non, obcaecati optio pariatur quam qui quia quo ratione tempore, unde vitae voluptatibus
        voluptatum?</p>
    <p>Ad animi architecto dicta dolore iusto, laborum maiores tempora? Commodi consectetur distinctio, dolores ea eaque
        earum eos est explicabo fugit id incidunt laudantium optio porro quas quibusdam rem sapiente veritatis.</p>
    <p>Ab ad alias amet cupiditate dolores eveniet exercitationem fugiat id illo incidunt iusto libero maiores minima
        modi necessitatibus nihil omnis pariatur, quam qui, quidem reprehenderit saepe sapiente ullam voluptas
        voluptatum!</p>
    <p>Adipisci earum itaque iusto labore quaerat, suscipit unde! Accusamus autem dicta eius eum in nihil ratione saepe?
        Dolore, perferendis, ratione! Explicabo fugit inventore itaque magnam minus nobis quaerat quam quia.</p>
    <p>A ab corporis cumque cupiditate ea eaque eligendi error esse expedita fuga, fugit impedit incidunt itaque iure
        non optio perferendis perspiciatis possimus repellat reprehenderit temporibus tenetur veniam vitae voluptatem
        voluptatum!</p>
    <p>Architecto at libero maxime natus officia possimus quas quisquam ratione vero voluptas. Aliquid earum, eos est et
        id in ipsum nostrum obcaecati optio possimus provident vero? Fugiat porro unde voluptatibus.</p>
    <p>A accusamus adipisci aliquid amet animi aperiam commodi, cum doloremque doloribus error, illo, ipsam laudantium
        libero modi natus officia quidem ratione recusandae reiciendis sed tenetur veniam voluptatem! Laudantium,
        nesciunt, soluta.</p>
    <p>Ad alias amet aperiam atque autem commodi distinctio dolor dolore dolorem et eum exercitationem expedita
        inventore ipsum iste maiores molestiae molestias necessitatibus nemo odit perferendis repellat sapiente sint
        soluta, voluptates.</p>
    <p>A amet assumenda deleniti doloribus dolorum, facilis, fugiat id illum inventore iste magni maxime minus molestiae
        nisi non nostrum nulla officiis placeat quae repellendus sapiente sequi unde. Eius quibusdam, totam?</p>
    <p>Ad aliquam aliquid, amet aperiam beatae commodi consectetur cupiditate distinctio dolore et ex explicabo id iste
        minus natus, nemo nobis porro quae tempore totam ullam ut voluptate! Architecto, ullam, veniam.</p>
    <h3 id="c3">第三章 龙宫借宝</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex excepturi iure laboriosam nam numquam! Amet
        consequuntur deleniti, doloremque ea eius eos explicabo iusto nisi perspiciatis quas! Cumque excepturi optio
        ratione?</p>
    <p>Ab ad, beatae dolore in iste libero magni modi molestias, mollitia nulla officia pariatur perferendis quis quos
        recusandae rerum voluptas? Aspernatur iste minima mollitia nam nemo officia quae rem tempore.</p>
    <p>Accusamus accusantium, adipisci animi assumenda consequuntur eius et eum excepturi expedita facere facilis fugit
        minus necessitatibus nisi nobis perferendis provident quam repellendus sint unde ut velit veniam voluptas
        voluptate voluptatibus.</p>
    <p>Dolorem fugit ipsum necessitatibus recusandae! At, cupiditate ducimus et facere illo in modi neque sit! Ducimus
        eaque fugiat impedit odio praesentium tenetur velit veniam! Architecto culpa necessitatibus nobis unde
        vitae?</p>
    <p>Aspernatur cupiditate dicta dolor iusto minima nisi odio quasi quis, veritatis. Animi corporis doloremque dolores
        eaque, expedita hic laudantium quibusdam. Assumenda ducimus libero perferendis qui quis quisquam sint sunt
        voluptate!</p>
    <p>Corporis dignissimos dolorem earum minima porro. Amet atque consequuntur dolores dolorum eum, natus optio placeat
        qui reprehenderit sunt. Aspernatur consequuntur corporis cumque, ducimus sint voluptate. Consequuntur eos porro
        quo sunt.</p>
    <p>Animi aperiam dignissimos fugiat iusto maiores odit saepe sint soluta ut, vel. Architecto aspernatur dignissimos
        error, exercitationem, fugit impedit ipsum iste, modi nisi numquam perspiciatis rem. Consequuntur facilis non
        quis?</p>
    <p>Doloremque eius explicabo iusto maiores necessitatibus neque non quae quis sint vero! Autem, consequatur dolor
        eaque illo iure labore magnam molestiae quo reprehenderit, sequi, similique veniam! Facere illo placeat
        saepe!</p>
    <p>A aspernatur corporis distinctio laudantium necessitatibus nemo nesciunt non nulla, placeat quidem quos repellat
        veniam! Aperiam debitis dolores excepturi, fugiat maxime natus, nemo, nihil numquam possimus rerum sed ut
        vel?</p>
    <p>Corporis error expedita nam quidem quo recusandae reiciendis sequi sunt tempore vel. Blanditiis eaque sapiente
        similique! Beatae dolorum error eum maxime minus molestias non, obcaecati officiis quisquam, repellat
        repellendus totam?</p>
    <p>Accusamus amet architecto autem dolorem eligendi eos est exercitationem explicabo fugiat id labore minima minus
        necessitatibus nulla obcaecati perferendis provident quia quisquam recusandae, sint soluta tempora unde velit.
        Ipsum, nobis.</p>
    <p>Aspernatur consequatur deleniti dolor dolorem enim, explicabo facere harum illum ipsam maxime neque non nulla qui
        quibusdam reiciendis repudiandae rerum. Doloremque magnam quisquam soluta. Earum eveniet harum omnis suscipit
        unde!</p>
    <p>A ad error fugit mollitia nam nemo perspiciatis possimus provident quam tempora. Assumenda aut autem, eligendi,
        enim fugiat illum impedit in laboriosam possimus quo quos sequi unde ut? Assumenda, porro.</p>
    <p>Aspernatur consectetur dolorem dolores earum facilis, in molestiae nisi nobis, porro quia quibusdam saepe
        sapiente similique sit velit voluptatibus voluptatum. Aperiam distinctio doloribus eligendi maiores odio
        perspiciatis praesentium, saepe vero?</p>
    <p>Accusamus architecto deleniti deserunt inventore sequi. Corporis quis, voluptate! Ab aliquid amet animi
        architecto asperiores doloremque eaque enim ex fugiat ipsum molestiae nihil nostrum odio, optio praesentium,
        quasi quis voluptatibus.</p>
    <p>Dolores facilis labore, maxime nulla similique ut vel. A dolor eligendi incidunt iste, maxime officia, quae quas
        quia quis reiciendis rem, saepe voluptates. Ab dolor in officia repudiandae tenetur veritatis.</p>
    <p>Asperiores at cumque, dignissimos error expedita fuga id impedit iste magni, nemo officia perspiciatis quidem
        similique. Accusantium alias aperiam aspernatur cumque doloribus fuga in maxime mollitia nisi sint. Dolore,
        possimus?</p>
    <p>Ab debitis illum inventore ipsa libero sapiente similique, soluta tenetur voluptatem voluptatibus. Culpa eaque
        expedita facere laboriosam nobis provident repellendus sapiente! Aut blanditiis facere iste minima
        necessitatibus, recusandae repellendus temporibus.</p>
    <p>Ab consectetur cum dicta dignissimos distinctio dolor dolorem eius esse est excepturi facilis, illum itaque iusto
        nemo neque nesciunt nihil non optio porro praesentium quidem similique ut veritatis vitae voluptates?</p>
    <p>Ad architecto assumenda at blanditiis consectetur cupiditate deleniti dolore et, explicabo fugit id impedit
        laudantium libero minus molestiae nulla, numquam perferendis quas quibusdam quis quo repellendus sunt suscipit
        ullam unde.</p>
    <a href="#">快速跳转至顶部</a>
</body>
</html>